
<!DOCTYPE html>
<html>
<head>
<base href="<%=basePath%>">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Title</title>
<style >
  body{
    background-color: gray;
  }
.techPanel{
  width: 100px;
  height: 100px;
}
.techContent{
    width: 100%;
    height: 100%;
    position: relative;
}
.techContent::before{
    position: absolute;
    left: -1px;
    top: -1px;
    width: 20px;
    height: 20px;
    content: "";
    border-left: 2px solid rgb(255, 234, 152);
    border-top: 2px solid rgb(255, 234, 152);
    border-top-left-radius: 8px;
    border-right-color: transparent;
    border-bottom-color: transparent;
}
.techContent::after {
    position: absolute;
    right: 0;
    width: 20px;
    height: 20px;
    content: "";
    border-right: 2px solid rgb(255, 234, 152);
    border-top: 2px solid rgb(255, 234, 152);
    border-top-right-radius: 8px;
    border-left-color: transparent;
    border-bottom-color: transparent;
}

.techContentRoot{
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    position: absolute;
}
.techContentRoot::before{
    position: absolute;
    left: -1px;
    bottom: -1px;
    width: 20px;
    height: 20px;
    content: "";
    border-left: 2px solid rgb(255, 234, 152);
    border-bottom: 2px solid rgb(255, 234, 152);
    border-bottom-left-radius: 8px;
    border-right-color: transparent;
    border-top-color: transparent;
}
.techContentRoot::after {
    position: absolute;
    right: -1px;
    bottom: -1px;
    width: 20px;
    height: 20px;
    content: "";
    border-right: 2px solid rgb(255, 234, 152);
    border-bottom: 2px solid rgb(255, 234, 152);
    border-bottom-right-radius: 8px;
    border-left-color: transparent;
    border-top-color: transparent;
}
</style>
</head>
<body>
  <div class="techPanel">
    <div class="techContent">
      <div class="techContentRoot">
        
      </div>
    </div>
  </div>
<div class="h1">
</div>
</body>
</html>